<template>
  <div
    :class="[float_info_border_cla, css_wind_light]"
    :id="float_info_border_id + id_split + props.id"
  >
    <!-- <div
      :class="[float_info_create_time_cla]"
      :id="float_info_create_time_id + id_split + props.id"
      :title="'创建时间 : ' + float_info_temp_create_time"
    >
      {{ float_info_temp_create_time }}
    </div> -->
    <time_log :time="float_info_temp_create_time"></time_log>

    <div
      :class="[float_info_keyVal_cla]"
      :id="float_info_keyVal_id + id_split + props.id"
      :title="props.id"
    ></div>
    <quick_func></quick_func>
    <select_empty>
      <log_info :id="props.id"></log_info>
    </select_empty>
  </div>
</template>

<script setup>
import { onBeforeMount, onMounted } from 'vue';
import log_info from './comps/log_infos/log_info.vue';
import quick_func from './comps/quick_func/quick_func.vue';
import './float_info.css';
import { css_wind_light } from '../../../DataDefine/sourceData';
import {
  float_info_border_cla,
  float_info_border_id,
  // float_info_create_time_cla,
  // float_info_create_time_id,
  float_info_keyVal_cla,
  float_info_keyVal_id,
  float_info_temp_create_time,
} from './DataDefine/sourceData';
import { id_split } from '../../DataDefine/sourceData';
import { before_fi, init_fi } from './float_info';
import time_log from '../../../globalComps/comps/time_log/time_log.vue';
/**
 * @type {{id:string,keyVal:string}}
 */
let props = defineProps({
  id: String,
  keyVal: String,
});

onBeforeMount(() => {
  before_fi(props);
});

onMounted(() => {
  init_fi(props);
});
</script>
